<template>
  <ListItem title="未完成" :list="unfinishArr" />
  <ListItem title="已完成" :list="finishArr" />
</template>

<script>
import ListItem from "./ListItem.vue";

export default {
  props: ["arr"],
  computed: {
    finishArr() {
      return this.arr.filter((item) => item.status);
    },
    unfinishArr() {
      return this.arr.filter((item) => !item.status);
    },
  },
  components: {
    ListItem,
  },
};
</script>
